<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function doAdd(){
                var inputDom=document.querySelector("#num");//获取元素的DOM对象
                var val=inputDom.value*1;
                val++;
                inputDom.value=val;//将计算好的值重复赋值给value属性
            }
            function doMinus(){
                var inputDom=document.querySelector("#num");//获取元素的DOM对象
                var val=inputDom.value*1;
                if(val>0){
                    val--;
                    inputDom.value=val;//将计算好的值重复赋值给value属性
                }else{
                    alert("你过分了哇，不能再减了");
                }

            }
        </script>
    </head>
    <body>
        <input type="button" value="-" onclick="doMinus()">
        <input type="text" value="0" size="2" id="num">
        <input type="button" value="+" onclick="doAdd()">
    </body>
</html>